import { defineStore } from 'pinia' // 4. 引入定义Store方法
import type { LoginResult } from '@/types/member.d.ts' // 41.2
import { ref } from 'vue'

// 4.2 定义 Store
// 参数1: 唯一标识ID --- 即: 本地存储后, 对应的token键名！！！
// 参数2: 定义了store的响应式状态、方法和计算属性
// 参数3: 持久化标识...
export const useMemberStore = defineStore(
  'member',
  () => {
    // 4.3 会员信息
    const profile = ref<LoginResult>()

    // 4.4 保存会员信息，登录时使用
    const setProfile = (val: LoginResult) => {
      profile.value = val
    }

    // 4.5 清理会员信息，退出时使用
    const clearProfile = () => {
      profile.value = undefined
    }

    // 4.6 记得 return
    return {
      profile,
      setProfile,
      clearProfile,
    }
  },
  // TODO: 持久化
  {
    // persist: true, // 4.7
    // 5. 调整为多兼容多端的API
    // 细节1: persist 有 set 就得有 get
    persist: {
      storage: {
        setItem(key, value) {
          uni.setStorageSync(key, value)
        },
        getItem(key) {
          return uni.getStorageSync(key)
        },
      },
    },
  },
)
